<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="img/fav-icon.png" type="image/x-icon" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>百草视科技-数据概览</title>

    <!-- Icon css link -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Rev slider css -->
    <link href="vendors/revolution/css/settings.css" rel="stylesheet">
    <link href="vendors/revolution/css/layers.css" rel="stylesheet">
    <link href="vendors/revolution/css/navigation.css" rel="stylesheet">

    <!-- Extra plugin css -->
    <link href="vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="vendors/magnify-popup/magnific-popup.css" rel="stylesheet">


    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>

    <!--================ 顶部导航栏 =================-->
    <header class="main_menu_area">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
                <span></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="index.html">主页</a></li>
                    <li class="nav-item"><a class="nav-link" href="about-us.html">关于我们</a></li>
                    <li class="nav-item"><a class="nav-link" href="service.html">服务介绍</a></li>
                    <li class="nav-item dropdown submenu active">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            百草新闻
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li class="nav-item"><a class="nav-link" href="blog.html">查看新闻</a></li>
                            <!-- <li class="nav-item"><a class="nav-link" href="single-blog.html">博客详情</a></li> -->
                            <li class="nav-item active"><a class="nav-link" href="elements.html">数据概览</a></li>
                        </ul>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="contact.html">意见反馈</a></li>
                </ul>
            </div>
        </nav>
    </header>
    <!--================ 顶部导航栏结束 =================-->

    <!--================Banner Area =================-->
    <section class="banner_area">
        <div class="container">
            <div class="banner_inner_text">
                <h2>数据概览</h2>
                <p>查看百草视的相关数据</p>
            </div>
        </div>
    </section>
    <!--================End Banner Area =================-->


    <!--================Progress Bar Area =================-->
    <!-- <section class="progress_bar_area">
        <div class="container">
            <h3 class="elements_title">文章数据</h3>
            <div class="row">
                <div class="col-lg-6">
                    <div class="company_skill">
                        <div class="our_skill_inner">
                            <div class="single_skill">
                                <h3>点击率</h3>
                                <div class="progress" data-value="70">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">90</span>%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="single_skill">
                                <h3>评论率</h3>
                                <div class="progress" data-value="90">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">70</span>%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!--================End Progress Bar Area =================-->

    <!--================Circle Chart Area =================-->
    <section class="circle_chart_area">
        <div class="container">
            <h3 class="elements_title">文章数据</h3>
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="circle_progress circular style-polygon" data-percentage="0" data-thickness="3"
                        data-reverse="true" data-empty-fill="transparent" data-start-color="#987dff"
                        data-end-color="#7acaff">
                        <div class="circle_progress_inner">
                            <strong></strong>
                            <span class="percentage"></span>
                            <h4>点击率</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="circle_progress circular style-polygon" data-percentage="0" data-thickness="3"
                        data-reverse="true" data-empty-fill="transparent" data-start-color="#987dff"
                        data-end-color="#7acaff">
                        <div class="circle_progress_inner">
                            <strong></strong>
                            <span class="percentage"></span>
                            <h4>评论率</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================End Circle Chart Area =================-->

    <!--================Mileston Area =================-->
    <section class="mileston_area">
        <div class="container">
            <h3 class="elements_title">公司数据</h3>
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="mileston_item">
                        <h4><span class="counter">0</span></h4>
                        <h5>访问次数</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="mileston_item">
                        <h4><span class="counter">0</span></h4>
                        <h5>用户数量</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="mileston_item">
                        <h4><span class="counter">0</span></h4>
                        <h5>项目经验</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="mileston_item">
                        <h4><span class="counter">0</span></h4>
                        <h5>公司历史</h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================End Mileston Area =================-->

    <!--================ 订阅开始 =================-->
    <footer class="footr_area">
        <div class="footer_widget_area">
            <div class="container">
                <div class="row footer_widget_inner">
                    <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_about_widget">
                            <p>中药材无损高精准鉴别， 更好的中药材展示模式， 就在百草视！</p>
                        </aside>
                    </div>
                    <!-- <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_insta_widget">
                            <div class="f_title">
                                <h3>Instagram</h3>
                            </div>
                            <ul>
                                <li><a href="#"><img src="img/instagram/ins-1.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-2.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-3.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-4.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-5.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-6.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-7.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-8.jpg" alt=""></a></li>
                            </ul>
                        </aside>
                    </div> -->
                    <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_subs_widget">
                            <div class="f_title">
                                <h3>订阅我们，接收百草视最新消息</h3>
                            </div>
                            <div class="input-group">
                                <!-- <input type="text" class="form-control" placeholder="你的邮箱地址"
                                    aria-label="Your e-mail address here"> -->
                                <span class="input-group-btn">
                                    <button class="btn btn-secondary submit_btn" type="button">订阅</button>
                                </span>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
        <!-- 
        <div class="footer_copyright">
            <div class="container">
                <div class="float-sm-left">
                    <h5>
                        Copyright &copy;
                        <script>document.write(new Date().getFullYear());</script> All rights reserved | This template
                        is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com"
                            target="_blank">Colorlib</a>
                    </h5>
                </div>
                <div class="float-sm-right">
                    <ul>
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa fa-behance"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
 -->
    </footer>
    <!--================ 订阅结束 =================-->




    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- jQuery (Bootstrap的JavaScript插件所必需的) -->
    <script src="js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- 包括所有已编译的插件(如下所示)，或根据需要包括单独的文件 -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- Rev slider js -->
    <script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <!-- Extra plugin css -->
    <!-- 额外的插件css -->
    <script src="vendors/counterup/jquery.waypoints.min.js"></script>
    <script src="vendors/counterup/jquery.counterup.min.js"></script>
    <script src="vendors/counterup/apear.js"></script>
    <script src="vendors/counterup/countto.js"></script>
    <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="vendors/circle-bar/circle-progress.min.js"></script>
    <script src="vendors/circle-bar/plugins.js"></script>
    <script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
    <script src="vendors/isotope/isotope.pkgd.min.js"></script>

    <!--gmaps Js-->
    <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script> -->
    <script src="js/gmaps.min.js"></script>

    <script src="js/circle-active.js"></script>
    <script src="js/theme.js"></script>
</body>

</html>